<template>
	<view>
		<view class="card-box" @click="navigateTo('/pages/information/personal')">
			<image class="icon" src="../../static/icon/touxiang.png" mode=""></image>
			个人
		</view>
		<view class="card-box color-38BD5A" @click="navigateTo('/pages/information/enterprise')">
			<image class="icon" src="../../static/icon/touxiang.png" mode=""></image>
			企业
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped>
	.card-box {
		margin-top: 100rpx;
		width: 700rpx;
		margin-left: auto;
		margin-right: auto;
		background-color: #014AF8;
		color: #FFFFFF;
		height: 200rpx;
		font-size: 56rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 8rpx;
	}

	.color-38BD5A {
		background-color: #38BD5A;
	}

	.card-box+.card-box {
		margin-top: 30rpx;
	}

	.icon {
		width: 80rpx;
		height: 80rpx;
		margin-right: 50rpx;
	}
</style>
